<template>
    <div class="container">
        <h2>{{item.title}}</h2>
        <img :src="imgSrc">
    </div>
</template>
<script>
export default {
    data(){
        return{
        }
      },
    name:"lessonShow",
    props:['item'],
    computed: {
        imgSrc(){
            return this.item.avator;
        }
    }
}
</script>
<style scoped>
.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.container h2{
    color: #09808f;
}
.container img{
  display: flex;
  flex-direction: column;
  width: 93%;
}

</style>
